<script setup lang='ts'>
const ysvisible = ref(false)
const fileList = ref([])
</script>

<template>
  <div>
    <a-collapse :default-active-key="['3']" destroy-on-hide mt3 w-full>
      <a-collapse-item key="1" header="指定交付经理">
        <div class="form-block !w-1/2">
          <el-form>
            <el-form-item label="交付经理">
              <el-select placeholder="">
                <el-option label="王五" value="默认" />
                <el-option label="王六" value="云专线" />
              </el-select>
            </el-form-item>
          </el-form>
          <div flex-end-center>
            <el-button type="primary" size="default">
              提交
            </el-button>
          </div>
        </div>
      </a-collapse-item>
      <a-collapse-item key="2" header="财务风险处理">
        <div class="form-block !w-1/2" data-title="" flex gap-3>
          <el-select placeholder="">
            <el-option label="销售修改测试费用" value="1" />
            <el-option label=" 售前修改方案" value="2" />
            <el-option label="通知销售发起特批" value="3" />
          </el-select>
          <el-button type="primary">
            提交
          </el-button>
        </div>
      </a-collapse-item>
      <a-collapse-item key="3" header="测试交付">
        <div class="form-block !w-1/2" data-title="">
          <el-form-item label="方案拓扑*">
            <el-upload
              v-model:file-list="fileList" class="upload-demo w-full"
              action="https://run.mocky.io/v3/9d059bf9-4660-45f2-925d-ce80ad6c4d15" multiple :limit="3"
            >
              <el-button type="primary">
                上传
              </el-button>
            </el-upload>
          </el-form-item>
          <el-form-item label="交付方案*">
            <el-upload
              v-model:file-list="fileList" class="upload-demo w-full"
              action="https://run.mocky.io/v3/9d059bf9-4660-45f2-925d-ce80ad6c4d15" multiple :limit="3"
            >
              <el-button type="primary">
                上传
              </el-button>
            </el-upload>
          </el-form-item>
          <el-form-item label="实施步骤">
            <el-input
              type="textarea" placeholder="例如：
1. 环境准备
2. 数据迁移
3. 系统部署
4. 测试验证
5. 上线运行" :autosize="{ minRows: 2, maxRows: 6 }"
            />
          </el-form-item>
          <el-form-item label="潜在风险描述*">
            <el-input
              type="textarea" placeholder="
" :autosize="{ minRows: 2, maxRows: 6 }"
            />
          </el-form-item>
          <div flex-end-center>
            <el-button type="primary" size="default">
              提交
            </el-button>
          </div>
        </div>
      </a-collapse-item>
      <a-collapse-item key="4" header="指定支撑人员">
        <BaseTable
          :data="[{
            type: '工程人员',

          }, {
            type: '二线技术',
          }, {
            type: '产品开发',
          }]" stripe w-full border
        >
          <el-table-column prop="type" label="人员类型" width="70" />
          <el-table-column prop="person" label="支持人员">
            <template #default="{ row }">
              <el-select placeholder="">
                <el-option label="王五" value="默认" />
                <el-option label="王六" value="云专线" />
              </el-select>
            </template>
          </el-table-column>
          <el-table-column label="支撑内容">
            <template #default="{ row }">
              <el-input v-model="row.desc" placeholder="请输入" />
            </template>
          </el-table-column>
          <el-table-column prop="desc" label="支撑结果">
            <template #default="{ row }">
              <el-input v-model="row.desc" placeholder="请输入" />
            </template>
          </el-table-column>
          <el-table-column prop="time" label="风险评估">
            <template #default="{ row }">
              <el-input v-model="row.desc" placeholder="请输入" />
            </template>
          </el-table-column>
          <el-table-column prop="deadline" label="完成时间">
            2024-10-1
          </el-table-column>
          <el-table-column label="操作" width="180">
            <template #default="{ row }">
              <div>
                <el-button type="primary">
                  编辑
                </el-button>
                <el-button type="primary">
                  完成支撑
                </el-button>
              </div>
            </template>
          </el-table-column>
        </BaseTable>
      </a-collapse-item>
    </a-collapse>
  </div>

  <el-dialog
    v-model="ysvisible"
    title="发起验收"
    width="400"
    :before-close="() => ysvisible = false"
  >
    <el-form label-width="auto">
      <el-form-item label="指定验收人">
        <el-select placeholder="">
          <el-option label="王五" value="默认" />
          <el-option label="王六" value="云专线" />
        </el-select>
      </el-form-item>
    </el-form>
    <template #footer>
      <span>
        <el-button @click=" ysvisible = false">取消</el-button>
        <el-button type="primary" @click="ysvisible = false">确定</el-button>
      </span>
    </template>
  </el-dialog>
</template>

<style scoped lang='scss'>

</style>
